{{template "frame.html" .}}
{{define "base"}}


<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">
            学生平台
        </div><!-- 头部区域（可配合layui已有的水平导航） -->
<!--        <ul class="layui-nav layui-layout-left">-->
<!--            <li class="layui-nav-item">-->
<!--                <a href="">控制台</a>-->
<!--            </li>-->
<!--            <li class="layui-nav-item">-->
<!--                <a href="">商品管理</a>-->
<!--            </li>-->
<!--            <li class="layui-nav-item">-->
<!--                <a href="">用户</a>-->
<!--            </li>-->
<!--            <li class="layui-nav-item">-->
<!--                <a href="javascript:;">其它系统</a>-->
<!--                <dl class="layui-nav-child">-->
<!--                    <dd>-->
<!--                        <a href="">邮件管理</a>-->
<!--                    </dd>-->
<!--                    <dd>-->
<!--                        <a href="">消息管理</a>-->
<!--                    </dd>-->
<!--                    <dd>-->
<!--                        <a href="">授权管理</a>-->
<!--                    </dd>-->
<!--                </dl>-->
<!--            </li>-->
<!--        </ul>-->
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item" >
                <a href="javascript:;">
                    <img src="" class="layui-nav-img">
                    <span id="CookieName"><script>document.write(getCookie("Name"))</script></span>
                </a>
                <dl class="layui-nav-child">
                    <dd>
                        <a class="information">基本资料</a>
                    </dd>
                    <dd>
                        <a class="EditPassword">修改密码</a>
                    </dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="/exit" onClick="return confirm('确定退出?');">退出</a>
            </li>
        </ul>
    </div>
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->

            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item stu_index">
                    <a href="/student/">首页</a>
                </li>
                <li class="layui-nav-item layui-nav-itemed" id="stu_test">
                    <a class="" href="javascript:;">考试</a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="/student/test">在线考试</a>
                        </dd>
                        <dd>
                            <a href="/student/test/record/list">考试记录</a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item stu_client">
                    <a href="/student/client">咨询</a>
                </li>
                <li class="layui-nav-item stu_booking">
                    <a href="/student/Booking">我的预约</a>
                </li>
<!--                <li class="layui-nav-item">-->
<!--                    <a href="javascript:;">解决方案</a>-->
<!--                    <dl class="layui-nav-child">-->
<!--                        <dd>-->
<!--                            <a href="javascript:;">列表一</a>-->
<!--                        </dd>-->
<!--                        <dd>-->
<!--                            <a href="javascript:;">列表二</a>-->
<!--                        </dd>-->
<!--                        <dd>-->
<!--                            <a href="">超链接</a>-->
<!--                        </dd>-->
<!--                    </dl>-->
<!--                </li>-->
<!--                <li class="layui-nav-item">-->
<!--                    <a href="">论坛</a>-->
<!--                </li>-->
<!--                <li class="layui-nav-item">-->
<!--                    <a href="">预约</a>-->
<!--                </li>-->
            </ul>
        </div>
    </div>
    <div class="layui-body" style="overflow: auto;">
        <!-- 内容主体区域 -->
            {{block "content" .}}
            {{end}}
    </div>
    <div class="layui-footer">
        <!-- 底部固定区域 -->
        © layui.com - 底部固定区域
    </div>
</div>
<script type="text/javascript">
    //JavaScript代码区域
    layui.use('element', function () {
        var element = layui.element;

    });
    $(".layui-nav-img").attr("src","/static/images/avatar/student/"+getCookie("Id")+".png")
</script>
<script type="text/javascript">
    url = window.location.pathname; /* 获取文件路径（文件地址） */
    var stutest= $("#stu_test dl dd")/* 考试*/

    switch(url){
        case "/student/":
            $(".stu_index").addClass("layui-this")
            break;
        case "/student/test":
            stutest.eq(0).addClass("layui-this")
            break;
        case "/student/test/record/list":
            stutest.eq(1).addClass("layui-this")
            break;
        case "/student/client":
            $(".stu_client").addClass("layui-this")
            break;
        case "/student/Booking":
            $(".stu_booking").addClass("layui-this")
            break;
    }
    $(".information").click(function (){
        layer.open({
            type: 2,
            title: '基本资料',
            maxmin: true,
            skin: 'layui-layer-lan',
            shadeClose: true, //点击遮罩关闭层
            area : ['700px' , '600px'],
            content:'/public/information/0/'+getCookie("Id")//弹框显示的url,对应的页面
        });
    })
    $(".EditPassword").click(function (){
        layer.prompt({
            formType: 0,
            value: $(".score-Line").text(),
            title: '修改新密码',
            btn: ['确定','取消'], //按钮，
            btnAlign: 'c'
        }, function(value,index){
            $.ajax({
                method:"post",
                url:"/public/EditPassword/"+getCookie("Id"),
                data:{
                    Status:getCookie("Status"),
                    password:value,
                },
                success:function (res){
                    if (res.code==0){
                        layer.msg(res.msg,{icon: res.icon, time: 1000},function(){
                            console.log(res.id)
                            layer.close(index);
                        }); //提交成功后刷新页面
                    }
                }
            })
        });
    })


</script>
<style>
    .content{
        padding: 5% 10%
    }
</style>
{{end}}